@charset "UTF-8";
.index-page .nav-item-box{
    box-sizing: border-box;
    padding:0 7px;
}
.index-page .nav-item-box-inner{
    display: block;
    box-sizing: border-box;
    background-color:#ffffff;
    overflow: hidden;
    box-shadow: 0 0 2px var(--shadow-color);
}
.index-page .nav-item-box-inner .nav-pic{
    width:100%;
    height:220px;
    overflow: hidden;
}
.index-page .nav-item-box-inner .nav-pic img{
    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
}

.index-page .nav-item-box-inner .nav-pic:hover img{
    transform: scale(1.1, 1.1);
    transition: all ease-in-out 0.5s;
}

.index-page .nav-btm{
    padding:10px;
}
.index-page .nav-btm .pro-info .tt{
    display:block;
    color:var(--theme-color);
    font-size:20px;
    font-weight: bold;
    line-height: 30px;
    height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-page .nav-btm .sub-tt{
    display:block;
    color:#666;
    font-size:14px;
    line-height: 20px;
    height:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index-page .nav-btm .nav-btm-icon{
    width:22px;
    height:22px;
    object-fit: contain;
}